<!DOCTYPE html>
<html class="iframe-h" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>网站后台管理模版</title>
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/css/admin.css}"/>
</head>

<body>

<div class="layui-tab" lay-filter="test">
    <ul class="layui-tab-title">
        <li class="layui-this" lay-id="1">运行中的流程</li>
        <li lay-id="2">待重新提交流程</li>
        <li lay-id="3">待销假流程</li>
        <li lay-id="4">我的请假</li>
    </ul>
    <div class="layui-tab-content">
        <div class="layui-tab-item layui-show">
            <div class="column-content-detail">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline tool-btn">
                            <button class="layui-btn layui-btn-small layui-btn-normal addBtn" data-url="/person/leaveBillAdd"><i class="layui-icon">&#xe654;</i></button>
                            <button class="layui-btn layui-btn-small layui-btn-normal viewBtn" data-url="/person/leaveBillDetail"><i class="layui-icon">&#xe60e;</i></button>
                        </div>
                    </div>
                </form>
                <table class="layui-table" lay-data="{height: 'full', cellMinWidth: 80,  limit:15,limits:[15,30],
                            url:'/person/myLeaveBillList', page:true, id:'test'}" lay-filter="test" id="test">
                    <thead>
                    <tr>
                        <th lay-data="{type:'checkbox'}">ID</th>
                        <th lay-data="{field:'proposer',align:'center'}">申请人</th>
                        <th lay-data="{field:'startDateStr',align:'center'}">开始时间</th>
                        <th lay-data="{field:'endDateStr',align:'center'}">结束时间</th>
                        <th lay-data="{field:'applyDateStr',align:'center'}">申请时间</th>
                        <th lay-data="{field:'days',align:'center'}">请假天数</th>
                        <th lay-data="{field:'leaveReason', align:'center'}">请假原因</th>
                        <th lay-data="{field:'currentStep', align:'center'}">当前步骤</th>
                        <th lay-data="{field:'processInstanceId', align:'center'}">流程实例</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>

<!--        待重新提交记录 开始-->
        <div class="layui-tab-item">
            <div class="column-content-detail">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline tool-btn">
                            <button class="layui-btn layui-btn-small layui-btn-normal dealBtn2" data-url="/person/toEditMyLeaveBillApplyAgain"><i class="layui-icon">&#xe642;</i></button>
                        </div>
                    </div>
                </form>
                <table class="layui-table" lay-data="{height: 'full', cellMinWidth: 80,  limit:15,limits:[15,30],
                            url:'/person/myLeaveBillApplyAgainList', page:true, id:'test2'}" lay-filter="test2" id="test2">
                    <thead>
                    <tr>
                        <th lay-data="{type:'checkbox'}">ID</th>
                        <th lay-data="{field:'proposer',align:'center'}">申请人</th>
                        <th lay-data="{field:'startDateStr',align:'center'}">开始时间</th>
                        <th lay-data="{field:'endDateStr',align:'center'}">结束时间</th>
                        <th lay-data="{field:'applyDateStr',align:'center'}">申请时间</th>
                        <th lay-data="{field:'days',align:'center'}">请假天数</th>
                        <th lay-data="{field:'leaveReason', align:'center'}">请假原因</th>
                        <th lay-data="{field:'currentStep', align:'center'}">当前步骤</th>
                        <th lay-data="{field:'processInstanceId', align:'center'}">流程实例</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
<!--        待重新提交记录 结束-->

<!--        待销假 开始-->
        <div class="layui-tab-item">
            <div class="column-content-detail">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline tool-btn">
                            <button class="layui-btn layui-btn-small layui-btn-normal dealBtn3" data-url="/person/toEditMyLeaveBillReportBack"><i class="layui-icon">&#xe642;</i></button>
                        </div>
                    </div>
                </form>
                <table class="layui-table" lay-data="{height: 'full', cellMinWidth: 80,  limit:15,limits:[15,30],
                            url:'/person/myLeaveBillReportBackList', page:true, id:'test3'}" lay-filter="test3" id="test3">
                    <thead>
                    <tr>
                        <th lay-data="{type:'checkbox'}">ID</th>
                        <th lay-data="{field:'proposer',align:'center'}">申请人</th>
                        <th lay-data="{field:'startDateStr',align:'center'}">开始时间</th>
                        <th lay-data="{field:'endDateStr',align:'center'}">结束时间</th>
                        <th lay-data="{field:'applyDateStr',align:'center'}">申请时间</th>
                        <th lay-data="{field:'days',align:'center'}">请假天数</th>
                        <th lay-data="{field:'leaveReason', align:'center'}">请假原因</th>
                        <th lay-data="{field:'currentStep', align:'center'}">当前步骤</th>
                        <th lay-data="{field:'processInstanceId', align:'center'}">流程实例</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!--        待销假 结束-->


        <!-- 我的请假开始       -->
        <div class="layui-tab-item">
            <div class="column-content-detail">
                <form class="layui-form" action="">
                    <div class="layui-form-item">
                        <div class="layui-inline tool-btn">
                        </div>
                    </div>
                </form>
                <table class="layui-table" lay-data="{height: 'full', cellMinWidth: 80,  limit:15,limits:[15,30],
                            url:'/person/myLeaveBillAll', page:true, id:'test4'}" lay-filter="test4" id="test4">
                    <thead>
                    <tr>
                        <th lay-data="{type:'checkbox'}">ID</th>
                        <th lay-data="{field:'proposer',align:'center'}">申请人</th>
                        <th lay-data="{field:'startDateStr',align:'center',templet:'#timeStartFormat'}">开始时间</th>
                        <th lay-data="{field:'endDateStr',align:'center',templet:'#timeEndFormat'}">结束时间</th>
                        <th lay-data="{field:'applyDateStr',align:'center',templet:'#timeApplyFormat'}">申请时间</th>
                        <th lay-data="{field:'days',align:'center'}">请假天数</th>
                        <th lay-data="{field:'leaveReason', align:'center'}">请假原因</th>
                        <th lay-data="{field:'currentStep', align:'center'}">当前步骤</th>
                    </tr>
                    </thead>
                </table>
            </div>
        </div>
        <!-- 我的请假结束       -->
    </div>

</div>



<script th:src="@{/layui/layui.js}" type="text/javascript" charset="utf-8"></script>
<script th:src="@{/js/common.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" th:src="@{/js/basic/dateutil.js}"></script>
<script type="text/html" id="timeStartFormat">
    {{getFormatDateByLong(d.startDate,'yyyy-MM-dd hh:mm:ss') }}
</script>
<script type="text/html" id="timeEndFormat">
    {{getFormatDateByLong(d.endDate,'yyyy-MM-dd hh:mm:ss') }}
</script>
<script type="text/html" id="timeApplyFormat">
    {{getFormatDateByLong(d.applyDate,'yyyy-MM-dd hh:mm:ss') }}
</script>
<script>
    layui.use(['table','tree'], function() {
        var table = layui.table,
            form = layui.form,
            tree = layui.tree;

        table.on('tool(test)', function(obj){
            var data = obj.data;
        });
        table.on('tool(test2)', function(obj){
            var data2 = obj.data;
        });
        table.on('tool(test3)', function(obj){
            var data3 = obj.data;
        });
        table.on('tool(test4)', function(obj){
            var data3 = obj.data;
        });

    });

</script>
</body>

</html>